<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>time</title>
</head>
<body>
<div id="cc"></div>   //dom结构
<script>
    //定义一个函数
    function getTimes(){
        // 获取结束时间的日期
        var endTime = new Date('2020/11/11 00:00:00');
        // 获取当前日期
        var nowTimw = new Date();
        // 获取结束时间与当前时间的总毫秒数
        var t = endTime.getTime() - nowTimw.getTime();
        // 定义4个变量 存放日期
        var d = 0;
        var h = 0;
        var m = 0;
        var s = 0;
        // 如果获取的毫秒数>0
        if(t > 0){
            // 获取相对应的天时分秒
            d = Math.floor(t/1000/60/60/24);
            h = Math.floor(t/1000/60/60%24);
            m = Math.floor(t/1000/60%60);
            s = Math.floor(t/1000%60);
        };
        // 写入到页面中
        $('cc').innerHTML = (d+"天"+h+"时"+m+"分"+s+"秒");
    }
    setInterval(getTimes,0);//执行倒计时的函数

    //封装获取id的讲话函数
    function $(id){
        return document.getElementById(id);
    }
</script>
</body>
</html>